<template>
	<div class="empty-component">
		<img src="@/assets/empty.png">
		<span>页面功能暂未开放</span>
	</div>
</template>

<script>
export default {
	name: 'EmptyComponent',
}
</script>

<style lang="less" scoped>
.empty-component {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 16px;

	img {
		width: 300px;
		height: auto;
	}

	span {
		font-size: 16px;
		color: #999;
	}
}
</style>